<div id="error"></div>
<script language="javascript">
    // apply filters
    var applyFilter = function(){
        jQuery("#list").setGridParam({
            url: '<?php echo site_url() ?>/process_provincias/data',
            page:1,
            postData:{
                search: true,
                name: $('#name').val(),
				country: $('#country').val()
            }
        }).trigger("reloadGrid");
    }

    jQuery(document).ready(function(){
        jQuery("#list").jqGrid({
            url: '<?php echo site_url() ?>/process_provincias/data',
            mtype: 'POST',
            datatype: 'json',
            colNames:['ID','Nombre', 'Pais'],
            colModel :[
                {name:'id_provincia', index:'IdProvincia', width:10,hidden:true},
                {name:'nombre', index:'NombreProvincia', width:100},
				{name:'country', index:'IdPais', width:100}],
            pager: jQuery('#pager'),
            hiddengrid: false,
            sortname: 'NombreProvincia',
            rowNum:10,
            rowList:[10,20,30,40,50],
            sortorder: "asc",
            height: '100%',
            width: '550',
            imgpath: _base_url + 'public/css/jqgrid/flex/images',
            viewrecords: true,
            multiselect: true,
            adjacents: 4,
            jsonReader: { repeatitems : false, IdProvincia: "0" }
        }).navGrid('#pager',{add:false,del:false,edit:false,search:false,position:"left"}).navButtonAdd('#pager',{caption:"", buttonimg: _base_url + "public/css/jqgrid/flex/images/text_columns.png", onClickButton:function(){ jQuery("#list").setColumns();} }).navButtonAdd('#pager',{caption:"Agregar", buttonimg: _base_url + "public/images/new.png", onClickButton:function(){ window.location = _site_url + "/process_provincias/add"; } }).navButtonAdd('#pager',{caption:"Editar", buttonimg: _base_url + "public/images/edit.png", onClickButton:function(){ var id = jQuery('#list').getGridParam('selarrrow');
        if (id.length > 0) {
            if(id.length == 1){
                var ret = jQuery("#list").getRowData(id);
                window.location = _site_url + '/process_provincias/edit/' + ret.id_provincia;
            } else { jAlert('Seleccione solo una provincias'); }
        } else { jAlert('Debe seleccionar al menos una provincia'); }
        return false; } }).navButtonAdd('#pager',{caption:"Eliminar", buttonimg: _base_url + "public/images/delete.png", onClickButton:function(){ var id = jQuery('#list').getGridParam('selarrrow');
        if (id.length > 0) {
            var msg = '';
            if(id.length == 1) msg = 'Realmente desea eliminar esta provincia?';
            else msg = 'Realmente desea eliminar estas ' + id.length + ' provincias?';
            jConfirm(msg, 'Dialogo de Confirmacion', function (r) {
                if(r) {
                    var ids_to_delete = new Array();
                    for (var i = 0; i < id.length; i++){
                        var ret = jQuery("#list").getRowData(id[i]);
                        ids_to_delete[i] = ret.id_provincia
                    }

                    $.post( _site_url + '/process_provincias/delete', { delete_rows: ids_to_delete.join("|") }, function(data){
                        $('#error').html(data); jQuery("#list").setGridParam({ postData:{ search: false }}).trigger("reloadGrid");
                    });
                }
            });
        } else { jAlert('Debe seleccionar al menos una provincia'); }

        return false;} }); $('#apply_filter').bind('click', applyFilter);
    });
</script>
<div class="table_container">
<table>
	<tr>
        <td><div id="titulo">Listado de Provincias</div></td>
    </tr>
    <tr>
        <td>
            <table id="list" class="scroll"></table>
            <div id="pager" class="scroll" style="text-align:center;"></div>
        </td>
	</tr>
 </table>
</div>